$(function(){
	listProduct();
})
// 添加产品
function saveProduct(btnObject){
	var name = $("#pName").val();
	//var name = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(0).children().eq(1).val();
	var price = $("#pPrice").val();
	var brand = $("#pBrand").val();
	var category = $("#pCategory").val();
	var remark = $("#pRemark").val();
	console.log(name);
	// 判断非空
	if(name == null || name == "" || price == null || price == ""){
		alert("请检查产品名称或者价格是否已经填写！");
		return false;
	}else {
		$.ajax({
			type : "post",
			url : "saveProduct.action",
			dataType : "json",
			data : { // 发送到服务器的数据
				"product.name" : name,
				"product.price" : price,
				"product.brand" : brand,
				"product.category" : category,
				"product.remark" : remark
			},
			success : function(result) {
				console.log(result);
				alert("产品添加成功！");
				location.reload(); //强制页面刷新。。异步何用？
			},
			error : function() {
				console.log("产品添加失败，请稍后重试！");
				return false;
			}
		});
	}
	
}
// datatable初始化在这个函数里
function listProduct(){
	$.ajax({
		type : "post",
		url : "listProduct.action",
		dataType : "json",
		data : {},
		success : function(result) {
			//console.log(result);
			var data = eval("(" + result + ")");
			
			$("#productTable tbody").html('');
			$("#moProduct").html('');
			for (var i = 0; i < data.length; i++) {
				var d = data[i];
				$("#productTable tbody").append(
						'<tr>' + 
							'<td>' + d.id + '</td>' + 
							'<td>' + d.name + '</td>' + 
							'<td>' + d.price + '</td>' +
							'<td>' + d.brand + '</td>' +
							'<td>' + d.category + '</td>' +
							'<td>' + d.remark + '</td>' +
							'<td>' + d.gmtCreate + '</td>' + 
							'<td>' + d.gmtModified + '</td>' + 
							'<td>' + 
								'<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">' + 
									'<button class="btn btn-xs btn-info" data-toggle="modal" data-target="#model'+i+'">' +
										'<i class="icon-edit bigger-120"> 修改</i>' +
									'</button>' +
									'<button onclick="deleteProduct(' + d.id + ')" ' + 'class="btn btn-xs btn-danger">' + 
										'<i class="icon-trash bigger-120"> 删除</i></button>' + 		
								'</div>' + 
							'</td>' +
						'</tr>');
	
				// 修改的模态框
				$("#moProduct").append(
						'<div class="modal fade" id="model'+i+'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">'+
							'<div class="modal-dialog" role="document">'+
								'<div class="modal-content">'+
									'<div class="modal-header">'+
										'<button type="button" class="close" data-dismiss="modal" aria-label="Close">'+
											'<span aria-hidden="true">&times;</span>'+
										'</button>'+
										'<h4 class="modal-title" id="myModalLabel">修改产品信息</h4>'+
									'</div>'+
									'<div class="modal-body">'+
										'<div class="row">'+
											'<div class="col-xs-12">'+
												'<div class="form-group">'+
													'<label class="col-sm-3"> 产品ID</label>'+
													'<input type="text" value="' + d.id + '" readonly="readonly">'+
												'</div>'+
												'<div class="form-group">'+
													'<label class="col-sm-3"> 产品名称 </label>'+
														'<input type="text" value="' + d.name + '">'+
												'</div>'+
												'<div class="form-group">'+
												'<label class="col-sm-3"> 产品单价 </label>'+
													'<input type="number" value="' + d.price + '">'+
												'</div>'+
												'<div class="form-group">'+
												'<label class="col-sm-3"> 产品品牌 </label>'+
													'<input type="text" value="' + d.brand + '">'+
												'</div>'+
												'<div class="form-group">'+
												'<label class="col-sm-3"> 产品类型 </label>'+
													'<input type="text" value="' + d.category + '">'+
												'</div>'+
												'<div class="form-group">'+
													'<label class="col-sm-3"> 备注 </label>'+
														'<input type="text" value="' + d.remark + '">'+
												'</div>'+
											'</div>'+
										'</div>'+
									'</div>'+
									'<div class="modal-footer">'+
										'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'+
										'<button onclick="updateProduct('+d.id+',this)" class="btn btn-primary">更改</button>'+
									'</div>'+
								'</div>'+
							'</div>'+
						'</div>');
			};			
				
			// datatables 初始化
			var table = $("#productTable").dataTable({				
			//"stateSave" : true, // 保持状态
			"oLanguage" : { // 设置语言
				"sProcessing" : "正在加载中......",
				"sLengthMenu" : "每页显示 _MENU_ 条记录",
				"sZeroRecords" : "对不起，查询不到相关数据！",
				'sSearch' : '检索:',
				"sEmptyTable" : "表中无数据存在！",
				"sInfo" : "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",
				"sInfoFiltered" : "数据表中共为 _MAX_ 条记录",
				"oPaginate" : {
					"sFirst" : "首页",
					"sPrevious" : "上一页",
					"sNext" : "下一页",
					"sLast" : "末页"
					}
				}
			});	
		},
		error : function() {
			console.log("出现错误，请稍后重试！")
		}
	});
}
// 删除产品
function deleteProduct(id){
	$.ajax({
		type : "post",
		url : "deleteProduct.action",
		dataType : "json",
		data : { // 发送到服务器的数据
			"product.id" : id
		},
		success : function(result) {
			//console.log(result);
			alert("产品删除成功！");
			location.reload(); //强制页面刷新...异步何用？
		},
		error : function() {
			alert("删除产品出现错误，请稍后重试！")
			return false;
		}
	});
}
// 更新产品
function updateProduct(id,btnObject) {
	// 使用jquery找出位置，获取值后赋值给变量
	var name = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(1).children().eq(1).val();
	var price = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(2).children().eq(1).val();
	var brand = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(3).children().eq(1).val();
	var category = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(4).children().eq(1).val();
	var remark = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(5).children().eq(1).val();
	console.log(name,price);
	// 判断非空
	if(name == null || name == "" || price == null || price == ""){
		alert("请检查产品名称或者价格是否已经填写！");
		return false;
	} else {
		$.ajax({
			type : "post",
			url : "updateProduct.action",
			dataType : "json",
			data : { // 发送到服务器的数据
				"product.id" : id,
				"product.name" : name,
				"product.price" : price,
				"product.brand" : brand,
				"product.category" : category,
				"product.remark" : remark
			},
			success : function(result) {
				console.log(result);
				alert("产品更新成功！");
				location.reload(); //强制页面刷新。。异步何用？
			},
			error : function() {
				console.log("更新产品时出现错误，请稍后重试！");
				return false;
			}
		});
	}
	
};
